<template>
	<view class="setting-container">
		<view class="button-group">
			<!-- <view class="button-group-item" @click="handleTheme">
				<text class="item-text">主题设置</text>
				<image src="/static/arrow-right.png" mode="aspectFit"></image>
			</view> -->
			
		</view>
	</view>
</template>

<script setup>
const handleTheme = () => {
	uni.navigateTo({
		url: '/pages/theme/index'
	})
}
</script>

<style lang="scss">
.setting-container {
	padding: 40rpx;
	background-color: #f8f8f8;
	min-height: 100vh;
}

.button-group {
	padding: 0 40rpx;
	background-color: #fff;
	border-radius: 20rpx;
	margin-bottom: 30rpx;
}

.button-group-item {
	width: 100%;
	height: 88rpx;
	line-height: 88rpx;
	border-bottom: 1px solid #eee;
	display: flex;
	justify-content: space-between;
	align-items: center;
	
	.item-text {
		font-size: 32rpx;
		color: #333;
	}
	
	image {
		width: 32rpx;
		height: 32rpx;
	}
	
	&:last-child {
		border-bottom: none;
	}
}
</style> 